home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / tydhtml / dyn.exe / CHAP10 / dyn10_1.txt < prev    next >
Encoding:
Text File  |  1997-10-02  |  3.8 KB  |  95 lines
  1. <HTML>
  2. <HEAD><TITLE>WBL Standings Contest</TITLE></HEAD>
  3. <BODY BGCOLOR="#FFFFFF">
  4. <H2>Predict The Web Baseball League Standings</H2>
  5. <FONT FACE="Verdana, Arial, Helvetica" SIZE="4">
  6. <B>Use the mouse to position the team logos in order of finish</B>
  7. <BR><BR></FONT>
  8. Then predict the number of wins and losses for the 112 game schedule<BR>
  9. Click OK to submit your selections<BR>
  10. <DIV ID=OuterDiv STYLE="position:relative;width:100%;height:280px">
  11.  
  12.  <IMG ID="bear" STYLE="position:absolute;TOP:32pt;LEFT:0px;
  13.   WIDTH:64px;HEIGHT:64px;ZINDEX:-1;" SRC="Bears.jpg">
  14.  <IMG ID="frog" STYLE="position:absolute;TOP:32pt;LEFT:66px;
  15.   WIDTH:64px;HEIGHT:64px;ZINDEX:-2;" SRC="Frogs.jpg">
  16.  <IMG ID="lion" STYLE="position:absolute;TOP:32pt;LEFT:134px;
  17.   WIDTH:64px;HEIGHT:64px;ZINDEX:-3;" SRC="Lions.jpg">
  18.  <IMG ID="robin" STYLE="position:absolute;TOP:32pt;LEFT:202px;
  19.   WIDTH:64px;HEIGHT:64px;ZINDEX:-4;" SRC="Robins.jpg">
  20.  <IMG ID="rhino" STYLE="position:absolute;TOP:32pt;LEFT:270px;
  21.   WIDTH:64px;HEIGHT:64px;ZINDEX:-5;" SRC="Rhinos.jpg">
  22.  <IMG ID="shark" STYLE="position:absolute;TOP:32pt;LEFT:338px;
  23.   WIDTH:64px;HEIGHT:64px;ZINDEX:-6;" SRC="Sharks.jpg">
  24.  <IMG ID="spider" STYLE="position:absolute;TOP:32pt;LEFT:406px;
  25.   WIDTH:64px;HEIGHT:64px;ZINDEX:-7;" SRC="Spiders.jpg">
  26.  <IMG ID="tiger" STYLE="position:absolute;TOP:32pt;LEFT:474px;
  27.   WIDTH:64px;HEIGHT:64px;ZINDEX:-8;" SRC="Tigers.jpg">
  28.  
  29. <H1> --1--  --2--  --3--  --4--  --5--  --6--  --7--  --8--</H1>
  30. <PRE>
  31.  
  32.  
  33.  
  34. </PRE>
  35. <TABLE>
  36. <TR>
  37. <TD WIDTH=64><INPUT TYPE=text NAME="wins1" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  38. <TD WIDTH=64><INPUT TYPE=text NAME="wins2" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  39. <TD WIDTH=64><INPUT TYPE=text NAME="wins3" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  40. <TD WIDTH=64><INPUT TYPE=text NAME="wins4" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  41. <TD WIDTH=64><INPUT TYPE=text NAME="wins5" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  42. <TD WIDTH=64><INPUT TYPE=text NAME="wins6" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  43. <TD WIDTH=64><INPUT TYPE=text NAME="wins7" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  44. <TD WIDTH=64><INPUT TYPE=text NAME="wins8" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  45. <TD WIDTH=64><< Wins</TD>
  46. </TR>
  47. <TR>
  48. <TD WIDTH=64><INPUT TYPE=text NAME="loss1" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  49. <TD WIDTH=64><INPUT TYPE=text NAME="loss2" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  50. <TD WIDTH=64><INPUT TYPE=text NAME="loss3" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  51. <TD WIDTH=64><INPUT TYPE=text NAME="loss4" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  52. <TD WIDTH=64><INPUT TYPE=text NAME="loss5" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  53. <TD WIDTH=64><INPUT TYPE=text NAME="loss6" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  54. <TD WIDTH=64><INPUT TYPE=text NAME="loss7" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  55. <TD WIDTH=64><INPUT TYPE=text NAME="loss8" SIZE=5 VALUE="" MAXLENGTH=3></TD>
  56. <TD WIDTH=64><< Losses</TD>
  57. </TR>
  58. </TABLE>
  59. <INPUT TYPE=submit VALUE="OK">
  60. </FONT>
  61. <SCRIPT LANGUAGE="VBScript">
  62.  
  63. function document_onmousemove()
  64. dim newleft, newtop, srcElement, x, y, button
  65. button = window.event.button
  66. x = window.event.x
  67. y = window.event.y
  68.   if (button = 1) then
  69.     set srcElement = window.event.srcElement
  70.     ' if mouse is dragging and IMG, move it.
  71.     if srcElement.tagname="IMG" then
  72.         ' move team logo
  73.         newleft=x-(srcElement.style.posWidth/2) - 32
  74.         if newleft<0 then newleft=0
  75.         srcElement.style.posLeft=newleft
  76.         newtop=y-(srcElement.style.posHeight/2) - 150
  77.         if newtop<0 then newtop=0
  78.         if newtop>120 then newtop=120
  79.         srcElement.style.posTop=newtop
  80.         srcElement.style.zindex=z
  81.         z = z + 1
  82.         window.event.returnValue = false
  83.         window.event.cancelBubble = true
  84.     end if
  85.   end if
  86. end function
  87.  
  88. function document_ondragstart() 
  89.   window.event.returnValue = false
  90. end function
  91.  
  92. </SCRIPT>
  93. </BODY>
  94. </HTML>
  95.